import "./index.less";
const CardCop = () => {
	const cardTag = "card";
	const cards = [
		{
			title: "卡片1",
			tag: "内容1"
		},
		{
			title: "卡片2",
			tag: "内容2"
		},
		{
			title: "卡片3",
			tag: "内容3"
		}
	];
	// 使用 map 函数遍历数组，为每个元素创建一个 <li> 元素
	const listItems =
		cards &&
		cards.map((item, index) => (
			<div className={cardTag} key={index}>
				<div className={`${cardTag}-title`}>{item.title ? item.title : ""}</div>
				<div className={`${cardTag}-tag`}>{item.tag ? item.tag : ""}</div>
			</div>
		));
	return <div className="card-wrapper">{listItems}</div>;
};

export default CardCop;
